﻿@using MVC.Web.UI.Panel
@{
    ViewBag.Title = "Panel";
}
<h2>Panel</h2>
@section head
{
    <script src="../../MVC.Web.UI/ui-panel.js" type="text/javascript"></script>
}

<h3>Example:</h3>
        
       @{
            Html.MVCUI()
                .WebPanel()
                .Title("Title")
                .Name("panel1")
                .Content(@<div style="height:200px"> 
                        Contrary to popular belief, 
                        Lorem Ipsum is not simply random text. 
                        It has roots in a piece of classical Latin 
                        literature from 45 BC, making it over 2000 years old.
                        Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, 
                        looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, 
                        and going through the cites of the word in classical literature, discovered the undoubtable source.                                  
                </div>)
                .Render();                                                    
         }

<div style="margin-bottom:30px"> </div>
<h3>Code View:</h3>

        @{Html.MVCUI()
            .WebTab()
            .Name("tb").Items((it) =>
            {
                it.Content(@<pre name="code"  class="c-sharp"> @SnippetHelper.RenderSnippet("snippets","Panel")</pre>).Name("Razor");

            }).Items((it) =>
            {
                it.Content(@<text>teadl</text>).Name("Server");

            }).Render();
        }

<script language="javascript">
    dp.SyntaxHighlighter.ClipboardSwf = '/flash/clipboard.swf';
    dp.SyntaxHighlighter.HighlightAll('code');
</script>


    



